<!DOCTYPE html>
<html>
  <head>
    <title>AI 智能题目生成系统</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
    />
  </head>
  <body>
    <div class="chat-container">
      <div class="chat-header">
        <h3>AI 智能题目生成系统</h3>
        <button id="minimize-btn">-</button>
      </div>
      <div class="chat-messages" id="chat-messages"></div>
      <div class="file-upload">
        <input
          type="file"
          id="file-input"
          accept=".txt,.pdf,.doc,.docx,.json"
        />
        <button id="upload-btn">上传文件</button>
      </div>
      <div class="chat-options">
        <label>
          <input type="checkbox" id="web-search-toggle" />
          启用网络搜索
        </label>
      </div>
      <div class="chat-input">
        <textarea
          id="user-input"
          placeholder="请输入您的需求，例如：'生成一道C语言选择题'"
        ></textarea>
        <button id="send-btn">发送</button>
      </div>
    </div>
    <script src="chat.js"></script>
  </body>
</html>
